<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作者主页 - 22001010819 郑力</title>
    <link rel="stylesheet" href="zhengli.css">
    <link rel="stylesheet" href="./fonts/font_4714490_gx5miy8jpuq/iconfont.css">
</head>
<body>
    <!-- 返回按钮 -->
    <div class="zheng_back_btn" onclick="window.location.href='news_detail.html'">
        <i class="iconfont icon-iconback"></i>
    </div>

    <!-- 用户信息卡片，包含头像、名称、统计数据等 -->
    <div class="zheng_user_info">
        <div class="zheng_avatar">
            <img src="./images/头像.jpg" alt="头像">
        </div>
        <div class="zheng_user_detail">
            <!-- 用户名 -->
            <div class="zheng_user_name">zl</div>
            <!-- 用户统计数据 -->
            <div class="zheng_user_stats">
                <span>48 关注</span>
                <span>6418 粉丝</span>
                <span>4.2万 获赞</span>
            </div>
            <!-- 创作者标签 -->
            <div class="zheng_creator_tag">
                <i class="iconfont icon-toutiao"></i>
                头条首发创作者
            </div>
            <!-- 个人简介 -->
            <div class="zheng_bio">记录美好生活</div>
            <!-- IP属地 -->
            <div class="zheng_location">IP 属地：辽宁</div>
        </div>
    </div>

    <!-- 作品展示区域 -->
    <div class="zheng_works_area">
        <!-- 标签页导航 -->
        <div class="zheng_tabs">
            <a href="#" class="zheng_tab active">全部</a>
            <a href="#" class="zheng_tab">文章</a>
            <a href="#" class="zheng_tab">微头条</a>
            <a href="#" class="zheng_tab">转发</a>
            <a href="#" class="zheng_tab">问答</a>
        </div>
        <!-- 作品数量显示 -->
        <div class="zheng_works_count">
            616个作品
        </div>
    </div>
</body>
</html> 